﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>电子科技大学国际交流合作处图片展示系统</title>
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" charset="utf-8" />
		<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
		<script src="scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
		<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
		<script src="scripts/History.js" type="text/javascript"></script>
		<script src="scripts/History.Routing.js" type="text/javascript"></script>
		<script src="scripts/jd.gallery.js" type="text/javascript"></script>
		<script src="scripts/jd.gallery.set.js" type="text/javascript"></script>
        <script type="text/javascript" src="./javascript/jquery.js"></script>
        <link href="css/common.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
    #jsddm { width: 580px; margin: 0 auto; padding: 0; text-align: center; }
    #jsddm li {	float: left; list-style: none; font: 8pt Tahoma, Arial}
    #jsddm li a { display: block; text-decoration: none; color: #EAFFED; white-space: nowrap }
    #jsddm li a:hover { color: #24313C; }
    #jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; background: #A9C251; }
    #jsddm li ul li { float: none; display: inline; margin: 0; padding: 0;}
    #jsddm li ul li a {	width: auto; color: #24313C; text-align: left;  padding:1px 10px 1px 10px; }
    #jsddm li ul li a:hover { background: #8EA344; }
</style>
<script type="text/javascript">
    var timeout         = 500;
    var closetimer		= 0;
    var ddmenuitem      = 0;

    function jsddm_open() {	
        jsddm_canceltimer();
    	jsddm_close();
    	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
    }

    function jsddm_close() {
        if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
    }

    function jsddm_timer() {
        closetimer = window.setTimeout(jsddm_close, timeout);
    }

    function jsddm_canceltimer() {	
        if(closetimer) {
            window.clearTimeout(closetimer);
    		closetimer = null;
    	}
    }

    $(document).ready(function() {	
        $('#jsddm > li').bind('mouseover', jsddm_open);
    	$('#jsddm > li').bind('mouseout',  jsddm_timer);
    });
    
    document.onclick = jsddm_close;
</script>
	</head>
	<body>
		<script type="text/javascript">
			window.addEvent('domready', function() {
				History.start();
				document.myGallerySet = new gallerySet($('myGallerySet'), {
					timed: false,
					useHistoryManager: true
				});
			});
		</script>
             <div>
       	<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" background="images/background.jpg">
<tr><td><table width="900" height="144" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right" valign="top"><img src="images/head.jpg" width="900" height="144" border="0" usemap="#Map" /></td>
  </tr>
</table>
    <map name="Map" id="Map">
      <area shape="rect" coords="832,19,899,43" href="/" />
    </map>
    <table width="900" height="39" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td align="center" background="images/menu_background.jpg" class="menutxt">
        <ul id="jsddm">
        	<li><a href="http://www.oice.uestc.edu.cn/en/index.php">Home</a></li>
        	<li><a href="http://www.oice.uestc.edu.cn/en/list.php?id=2">About us</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/list.php?id=6">About Chengdu</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/list.php?id=3">Cooperation</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/list.php?id=4">Study</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/list.php?id=5">Teach</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/list.php?id=7">Download</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/tuku/index.php">Image</a></li>
            <li><a href="http://www.oice.uestc.edu.cn/en/guestbook.php">Guestbook</a></li>
            
        </ul>
        </td>
    </tr>
    </table>
    <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr><td width="198">&nbsp;</td></tr>
    </table>
</td></tr>
</table>
       </div>
        <div align="center">
		<div class="content" align="center">
			<div id="myGallerySet">
				<div id="gallery" class="galleryElement">
					<h2>Student Life</h2>
                    <!-- BEGIN abroad -->
					   <div class="imageElement">
						   <h3>{title}</h3>
                           <p>{description}</p>
						   <a href="#"  target="_blank" title="open image" class="open"></a>
						   <img src="image.php?path={big}" class="full"  alt="{title}{description}"/>
						   <img src="image.php?path={big}"  width="100" height="75" class="thumbnail"  />
					   </div>
                    <!-- END -->
				</div>
				<div id="gallery2" class="galleryElement">
					<h2>Cooperation and Exchange</h2>
                    <!-- BEGIN cooperation -->
					   <div class="imageElement">
						   <h3>{title}</h3>
                           <p>{description}</p>
						   <a href="#"  target="_blank" title="open image" class="open"></a>
						   <img src="image.php?path={big}" class="full"  alt="{title}{description}"/>
						   <img src="image.php?path={big}"  class="thumbnail" />
					   </div>
                    <!-- END -->
				</div>    
                <div id="gallery3" class="galleryElement">
					<h2>Campus Life</h2>
                    <!-- BEGIN life -->
					   <div class="imageElement">
						   <h3>{title}</h3>
                           <p>{description}</p>
						   <a href="#"  target="_blank" title="open image" class="open"></a>
						   <img src="image.php?path={big}" class="full"  alt="{title}{description}"/>
						   <img src="image.php?path={big}"  class="thumbnail" />
					   </div>
                    <!-- END -->
				</div>    
                <div id="gallery4" class="galleryElement">
					<h2>Scenery&People</h2>
                    <!-- BEGIN people -->
					   <div class="imageElement">
						   <h3>{title}</h3>
                           <p>{description}</p>
						   <a href="#"  target="_blank" title="open image" class="open"></a>
						   <img src="image.php?path={big}" class="full"  alt="{title}{description}"/>
						   <img src="image.php?path={big}"  class="thumbnail" />
					   </div>
                    <!-- END -->
				</div>    
                <div id="gallery5" class="galleryElement">
					<h2>News</h2>
                    <!-- BEGIN news -->
					   <div class="imageElement">
						   <h3>{title}</h3>
                           <p>{description}</p>
						   <a href="#"  target="_blank" title="open image" class="open"></a>
						   <img src="image.php?path={big}" class="full"  alt="{title}{description}"/>
						   <img src="image.php?path={big}"  class="thumbnail" />
					   </div>
                    <!-- END -->
				</div>    
                <div id="gallery6" class="galleryElement">
					<h2>Application of Creativity</h2>
                    <!-- BEGIN ideas -->
					   <div class="imageElement">
						   <h3>{title}</h3>
                           <p>{description}</p>
						   <a href="#"  target="_blank" title="open image" class="open"></a>
						   <img src="image.php?path={big}" class="full"  alt="{title}{description}"/>
						   <img src="image.php?path={big}"  class="thumbnail" />
					   </div>
                    <!-- END -->
				</div>    
			</div>
		</div>
        </div>
        <div style="color:#00F">
        	<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" background="images/background.jpg">
<tr><td>
    <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr><td height="30" align="center" valign="bottom"><a href="http://www.oice.uestc.edu.cn/en/page.php?id=1" class="blue12">About Us</a>&nbsp; | &nbsp;<a href="http://www.oice.uestc.edu.cn/en/page.php?id=4" class="blue12">Contact Us</a> | &nbsp; </td></tr>
    <tr><td height="35" align="center" background="images/bottom.jpg" valign="bottom"><span class="gray12">Copyright &copy; Office of International Cooperation And Exchange UESTC All Rights Reserved</span></td></tr>
    <tr><td height="20" align="center" valign="top"><span class="gray12">Address:No.4,Section 2,North Jianshe Road,Chengdu,P.R.China&nbsp;&nbsp;Postcode：610054&nbsp;&nbsp;Tel：86-28-83202354&nbsp;&nbsp;Fax：86-28-83202365</span></td></tr>
    <tr><td height="25" align="center" valign="top"><span class="gray12">Postcode：610054&nbsp;&nbsp;Tel：86-28-83202354&nbsp;&nbsp;Fax：86-28-83202365</span></td></tr>
    </table>
</td></tr>
</table>
        </div>
        
	</body>
</html>
